
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>

        <button>测试1</button>
        <button>测试2</button>
        <button>测试3</button>
        <script>


            var btns=document.querySelectorAll('button')
            console.log(btns);
            for(var i=0;i<btns.length;i++){
                btns[i].onclick=function(){
                    console.log('这是'+i)
                }
            }


            // 变量提升和函数提升
            // function a(){}
        // var a;
        // console.log(a);

        // // var c=1;
        // function c(c){
        //     console.log(c);
        // }
        // console.log(c);



        // 作用域与作用域链
            // var x=10;
            // function fn(){
            //     console.log(x);
            // }
            // function show(f){
            //     var x=20;
            //     f()
            // }
            // show(fn)




            var fn=function(){
                console.log(fn);
            }

            fn()

            var obj={
                fn1:function(){
                    // console.log(this);
                    console.log(fn1);
                }
            }
      
            // obj.fn1()//fn1 is not defined
        </script>
    </body>

    </html>
